<!doctype html>
<html lang="en">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <!-- 引入 echarts.js -->
    <script src="./js/common/echarts-4.3.0.min.js"></script>
    <script src="./js/common/jquery-1.11.1.min.js"></script>
    <script src="./js/common/unslider.min.js"></script>
    <link rel="stylesheet" href="./css/index.css">
    <title>TVshow</title>
</head>
<body>
<!--标题-->
<h2>实验室全方位监测云平台实验室</h2>
<div class="banner has-dots" id="b03" style="overflow: hidden; width: 100%;">
    <!--内容-->
    <ul class="content" style="width: 100%; position: relative;">
        <li style="width: 100%;">
            <h3 style="color:#9c7ba4;">安全帽实验室</h3>
            <!--        左边-->
            <div class="content-left">
                <div class="pan">
                    <div id="main11" class="detail"></div>
                    <div class="detail-text">温度</div>
                </div>
                <div class="pan">
                    <div id="main12" class="detail"></div>
                    <div class="detail-text">湿度</div>
                </div>
                <div class="pan">
                    <div id="main13" class="detail"></div>
                    <div class="detail-text">大气压</div>
                </div>
            </div>
            <!--        右边-->
            <div class="content-right">
                <div class="radiu">
                    <embed src="./images/1.mp4" width="100%" height="800" autoplay="true"/>
                </div>
            </div>
        </li>
<!--    </ul>-->
<!--    <ul>-->

        <li style="width: 100%;">
            <h3 style="color:#9c7ba4;">安全帽2实验室</h3>
            <!--        左边-->
            <div class="content-left">
                <div class="pan">
                    <div id="main21" class="detail"></div>
                    <div class="detail-text">温度</div>
                </div>
                <div class="pan">
                    <div id="main22" class="detail"></div>
                    <div class="detail-text">湿度</div>
                </div>
                <div class="pan">
                    <div id="main23" class="detail"></div>
                    <div class="detail-text">大气压</div>
                </div>
            </div>
            <!--        右边-->
            <div class="content-right">
                <div class="radiu">
                    <embed src="./images/1.mp4" width="100%" height="800" autoplay="true"/>
                </div>
            </div>
        </li>
    </ul>

    <ol class="dots">
        <li class="dot active">1</li>
        <li class="dot">2</li>
    </ol>
</div>
<script src="./js/indexecharts.js"></script>

<script type="text/javascript">
    $(document).ready(function (e) {
        $('#b03').unslider({
            dots: true,
            speed: 500,
            delay: 3000
        });
    });

</script>

</body>
</html>